<template>
  <div class="">
    <h1>操作数据页面</h1>
    <add />
    <list />
  </div>
</template>

<script>
import add from "../components/Add.vue";
import list from "../components/List.vue";
export default {
  data() {
    return {};
  },
  mounted() {},
  methods: {},
  components: {
    add,
    list,
  },

  beforeRouteEnter(to, from, next) {
    console.log(to);
    console.log(from);
    // 判断是否登陆，如果登陆就可以访问购物车，
    // 如果没有登陆 就 跳到登陆页面让用户登陆
    // 在这个导航守卫里 拿不到this，因为路由还没跳转 实例还没创建

    next((vm) => {
      // next中的vm就是已经创建的实例
      if (vm.$store.state.user != "") {
        next();
      } else {
        next("/login");
      }
    });

    // if (this.$store.state.user != "") {
    //   next();
    // } else {
    //   next("/login");
    // }

    // next();
  },
};
</script>

<style lang="scss"></style>
